/**
 * 显示表中的主要信息
 */
//查询所有联系人
function show() {
	$(".dataList").hide();
	$.ajax({
		url : "friend_findAll",
		type : "post",
		dataType : "json",
		data : {},
		success : function(data) {
			console.log(data);
			findAllFriend(data);
		},
		error : function(data) {
			console.log(data);
		}
	});
}

//显示表格中的所有联系人
function findAllFriend(data) {
	$("#tbody").empty();//clearData
	if (data.length < 1) {
		$("#table").append("<tr><td colspan='9'><center>暂无数据</center></td></tr>");
		return;
	} 
	for (var i = 0; i < data.length; i++) {
		var tr = $("<tr></tr>");
		tr.append("<td><input type='checkbox' name='subCheck' class='sub' id='sub' value='" + data[i].f_id + "'/></td>");
		tr.append("<td>" + data[i].f_id + "</td>");
		tr.append("<td>" + data[i].f_username + "</td>");
		tr.append("<td>" + data[i].f_age + "</td>");
		tr.append("<td>" + data[i].f_gender + "</td>");
		tr.append("<td>" + data[i].f_phone + "</td>");
		tr.append("<td>" + data[i].f_company + "</td>");
		tr.append("<td>" + data[i].f_qq + "</td>");
		
		var details = "<a href='javascript:0;' type='button' onclick=editInfo('" + data[i].f_id + "','" + data[i].f_username
		+ "','" + data[i].f_age + "','" + data[i].f_gender + "','" + data[i].f_phone + "','" + data[i].f_company + "','" + data[i].f_qq + "') class='btn btn-sm btn-success' data-toggle='modal' data-target='#myModal'>详情</a>";
		
		var edit = "<a href='javascript:0;' onclick=updateEditData('" + data[i].f_id + "') class='btn btn-sm btn-warning'>编辑</a>"
		var remove = "<a href='javascript:0;' onclick=remove('" + data[i].f_id + "') class='btn btn-sm btn-danger'>删除</a>"
		tr.append("<td>" + edit + " " + remove+ " " + details +"</td>");
		$("#table tbody").append(tr);
	}
}

var a = false;
function addFriend() {
	a = true;
	$("#tableList").hide();
	$(".dataList").show();
}

//因为编辑修改和添加用的都是一个页面,所以判断一个到底是什么操作,就执行什么方法
function test() {
	if (a) {
		add();//执行添加方法
		return;
	} 
	update();//执行修改方法
}

//添加联系人
function add() {
	$.ajax({
		url : "friend_add",
		type : "post",
		data : {
			"f_username" : $("#f_username").val(),
			"f_age" : $("#f_age").val(),
			"f_gender" : $("#f_gender").val(),
			"f_phone" : $("#f_phone").val(),
			"f_company" : $("#f_company").val(),
			"f_qq" : $("#f_qq").val()
		},
		success : function(data) {
			alert("添加成功");
			show();
		},
		error : function(data) {
			alert("添加出错");
		}
	});
}

//编辑(查询)
function updateEditData(id) {
	$.ajax({
		url : "friend_findOneFriend",
		type : "post",
		dataType : "json",
		data : {
			"f_id" : id
		},
		success : function(data) {
			console.log(data);
			showFriend(data);
		},
		error : function(data) {
			alert("查询出错");
		}
	});
}

//显示编辑查询出来的联系人
function showFriend(data) {
	$("#tableList").hide();
	$(".dataList").show();
	console.log(data);
	for (var i = 0; i < data.length; i++) {
		$("#f_id").attr("value",data[i].f_id);//********************注意：下面要用上id进行修改,所以这里要设值一下,但页面可以将它隐藏**********************
		$("#f_username").attr("value",data[i].f_username);
		$("#f_age").attr("value",data[i].f_age);
		$("#f_gender").attr("value",data[i].f_gender);
		$("#f_phone").attr("value",data[i].f_phone);
		$("#f_company").attr("value",data[i].f_company);
		$("#f_qq").attr("value",data[i].f_qq);
	}
}

//编辑(修改),是想以下,如果获得超级管理员权限才能进行修改(即在编辑这个操作这里设置一个判断,权限,用登录超级管理员的方法来通过这到关卡,通过判断session是否存在什么的,不存在则弹框,请登录获取超级管理员权限,那么这里超级管理员,我也可以设一个表)
function update() {
	$.ajax({
		url : "friend_update",
		type : "post",
		data : {
			"f_id" : $("#f_id").val(),//*************注意:不能漏写*************
			"f_username" : $("#f_username").val(),
			"f_age" : $("#f_age").val(),
			"f_gender" : $("#f_gender").val(),
			"f_phone" : $("#f_phone").val(),
			"f_company" : $("#f_company").val(),
			"f_qq" : $("#f_qq").val()
		},
		success : function(data) {
			alert("修改成功");
			show();
		},
		error : function(data) {
			alert("修改出错");
		}
	});
}

//删除
function remove(id) {
	if (confirm("要删除吗?")) {
		$.ajax({
			url : "friend_delete",
			type : "post",
			data : {
				"f_id" : id
			},
			success : function(data) {
				alert("删除成功");
				show();
			},
			error : function(data) {
				alert("删除出错");
			}
		});
	}
}

//全选
$(function() {
	$("#checkAll").click(function() {
		console.log(this);
		$("input[name='subCheck']").attr("checked",this.checked);
	})
})

//模糊查询
function blurSelectUser() {
	//先判断是选择什么进行查询
	var select = document.getElementById("blurSelect");
	if (select.value == "forNameSelect") {
		//开始按名字进行模糊查询
		blurSelectByName();
	} else {		
		//开始按手机号码进行模糊查询
		blurSelectByPhone();
	}
}

//按姓名模糊查询
function blurSelectByName() {
	console.log($("input[name='blurSelect']").val());
	$.ajax({
		url : "friend_blurSelectByName",
		type : "post",
		dataType : "json",
		data : {
			"f_username" : $("input[name='blurSelect']").val()
		},
		success : function(data) {
			console.log(data);
			findAllFriend(data);
		},
		error : function(data) {
			alert("查询出错");
		}
	});
}

//按手机号码模糊查询
function blurSelectByPhone() {
	$.ajax({
		url : "friend_blurSelectByPhone",
		type : "post",
		dataType : "json",
		data : {
			"f_phone" : $("input[name='blurSelect']").val()
		},
		success : function(data) {
			console.log(data);
			findAllFriend(data);
		},
		error : function(data) {
			alert("查询出错");
		}
	});
}

//删除多个
function delchecked(){
	var deleteBox = [];
	$("input[name='subCheck']:checked").each(function() {//JQ的循环实现是each,js的循环实现是forEach
		deleteBox.push($(this).val());//push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
	});
	console.log(deleteBox);
	if (deleteBox.length <= 0) {
		alert("请选择要删除的选项");
	} else if (confirm("是否要删除?")) {
		$.ajax({
		url : "friend_deleteList",
		type: "post",
		async : true,
		traditional: true,
		data : {
			"deleteBox" : deleteBox
		},
		success : function(data) {
			alert("删除成功");
			show();
		},
		error : function(data) {
			alert("删除出错");
		}
	});
	}
}

//查看详情
function editInfo(id,username,age,gender,phone,company,qq){
	console.log("haha");
	var b_id = document.getElementById("b_num");
	var b_name = document.getElementById("b_name");
	var b_age = document.getElementById("b_age");
	var b_gender = document.getElementById("b_gender");
	var b_phone = document.getElementById("b_phone");
	var b_company = document.getElementById("b_company");
	var b_qq = document.getElementById("b_qq");
	b_id.innerHTML = id;
	b_name.innerHTML = username;
	b_age.innerHTML = age;
	b_gender.innerHTML = gender;
	b_phone.innerHTML = phone;
	b_company.innerHTML = company;
	b_qq.innerHTML =qq;
}


